<template>
  <div>
    <el-menu-item index="assessment" @click="$emit('navigate', '/assessment')">
      <el-icon><Aim /></el-icon>
      <template #title>心理测评</template>
    </el-menu-item>

    <el-menu-item index="consultation" @click="$emit('navigate', '/consultation')">
      <el-icon><Calendar /></el-icon>
      <template #title>心理咨询</template>
    </el-menu-item>

    <el-menu-item index="appointments" @click="$emit('navigate', '/appointments')">
      <el-icon><Clock /></el-icon>
      <template #title>预约信息</template>
    </el-menu-item>

    <el-menu-item index="archive" @click="$emit('navigate', '/archive')">
      <el-icon><Folder /></el-icon>
      <template #title>心理档案</template>
    </el-menu-item>

    <el-menu-item index="notifications" @click="$emit('navigate', '/notifications')">
      <el-icon><Bell /></el-icon>
      <template #title>通知消息</template>
    </el-menu-item>
  </div>
</template>

<script setup>
import { Aim, Calendar, Clock, Folder, Bell } from '@element-plus/icons-vue'

defineEmits(['navigate'])
</script>
